// const btnLogin = document.querySelector('#btn-login')
// btnLogin.addEventListener('click', async function () {
//   // console.log(111)
//   const form = document.querySelector('.login-form')
//   // 获取用户输入内容
//   const data = serialize(form, { hash: true, empty: true })
//   // console.log(data)
//   const { username, password } = data
//   // 判断 是否合法
//   if (username.length < 8 || username.length > 30) {
//     showToast('用户名是8-30位')
//     return
//   }
//   if (password.length < 6 || password.length > 30) {
//     showToast('密码是6-30位')
//     return
//   }
//   try {
//     // 发送请求
//     const {
//       data: { message, data: list }
//     } = await axios.post('/login', data)

//     // 提示
//     showToast(message)
//     // 存储用户名和 token
//     console.log(list)
//     localStorage.setItem('token', list.token)
//     localStorage.setItem('username', list.username)

//     // 页面跳转
//     setTimeout(function () {
//       location.href = './index.html'
//     }, 1500)
//   } catch (err) {
//     console.dir(err)
//     showToast(err.response.data.message)
//   }
// })

// 登录业务
const btnLogin = document.querySelector('#btn-login')
const form = document.querySelector('.login-form')
btnLogin.addEventListener('click', async function () {
  // 获取用户名和密码
  const data = serialize(form, { hash: true, empty: true })
  const {username,password} = data
  // 校验用户名和密码
  if(username.length<8||username.length>30){
    return showToast('用户名是8-30位')
  }
  if(password.length<6||password.length>30){
    return showToast('密码是6-30位')
  }

  // 提交数据
try{
  const{message,data:{token}}= await axios.post('/login', data)
  // 提示用户
  showToast(message)
  //储存用户名
  localStorage.setItem('user',username)
  // 存储令牌  token
  localStorage.setItem('token',token)
  // 跳转页面
  setTimeout(()=>{ 
    location.href = './index.html'
  },1500)
}catch(err){
  //查看后端返回的错误dir方法
  console.dir(err)
  showToast(err.response.data.message)
}

})
